.nova-color-picker-preview-prev,
.nova-color-picker-preview-curr {
  border-radius: var(--nova-radius-tiny);
  width: 40px;
  height: 40px;
  will-change: background-color;
}

.nova-color-picker-preview {
  position: relative;
  margin: 20px 0 10px 10px;
  height: 60px;
}

.nova-color-picker-preview-prev {
  border: 1px solid var(--nova-color-symbol);
  position: absolute;
  top: 0;
  left: 0;
}

.nova-color-picker-preview-curr {
  border: 1px solid var(--nova-color-symbol);
  position: absolute;
  left: 20px;
  top: 20px;
}

.nova-color-picker-preview-fill-right,
.nova-color-picker-preview-fill-left {
  border-radius: var(--nova-radius-tiny);
  background-image: var(--nova-bg-checkerboard);
  background-color: var(--nova-color-bg);
  width: 40px;
  height: 40px;
}

.nova-color-picker-preview-fill-right {
  position: absolute;
  left: 20px;
  top: 20px;
}

.nova-color-picker-preview-fill-left {
  position: absolute;
  top: 0;
  left: 0;
}
